{% extends "check/checkindex.html" %}

{% block detail %}

<div class="row">
    <div class="col-lg-4">

        <div class="panel panel-info" style="box-shadow: #c6c6c6 0px 0px 5px 5px">
            <div class="panel-heading">总助及以上审批效率统计</div>
            <div class="panel-body" style="height: 660px;">

                <div class="row">
                    <div class="col-lg-12">
                        <div id="api_check_leader_jb" style="width:100%; height:640px;">
                            <script>
                                $(function () {
                                        var hoststr = window.location.host
                                        var chart = echarts.init(document.getElementById('api_check_leader_jb'), 'white', {renderer: 'canvas'});
                                        var url = "http://" + hoststr + "/check/api_check_leader_jb?date=" + "{{ datestr }}";

                                        $.ajax({
                                            type: "GET",
                                            url: url,
                                            dataType: 'json',
                                            success: function (result) {
                                                chart.setOption(result);
                                            }
                                        });
                                    }
                                )
                            </script>
                        </div>
                    </div>
                </div>

            </div>
        </div>

    </div>


     <div class="col-lg-8">

        <div class="panel panel-info" style="box-shadow: #c6c6c6 0px 0px 5px 5px">
            <div class="panel-heading">总助及以上审批效率统计</div>
            <div class="panel-body" style="height: 660px;">
                <div class="row">
                    <div class="col-lg-12">
                        <div id="api_check_leader_yc" style="width:100%; height:320px;">
                            <script>
                                $(function () {
                                        var hoststr = window.location.host
                                        var chart = echarts.init(document.getElementById('api_check_leader_yc'), 'white', {renderer: 'canvas'});
                                        var url = "http://" + hoststr + "/check/api_check_leader_yc?date=" + "{{ datestr }}";

                                        $.ajax({
                                            type: "GET",
                                            url: url,
                                            dataType: 'json',
                                            success: function (result) {
                                                chart.setOption(result);
                                            }
                                        });
                                    }
                                )
                            </script>
                        </div>
                    </div>
                </div>

                        <div class="row">
                    <div class="col-lg-12">
                        <div id="api_check_leader_cq" style="width:100%; height:320px;">
                            <script>
                                $(function () {
                                        var hoststr = window.location.host
                                        var chart = echarts.init(document.getElementById('api_check_leader_cq'), 'white', {renderer: 'canvas'});
                                        var url = "http://" + hoststr + "/check/api_check_leader_cq?date=" + "{{ datestr }}";

                                        $.ajax({
                                            type: "GET",
                                            url: url,
                                            dataType: 'json',
                                            success: function (result) {
                                                chart.setOption(result);
                                            }
                                        });
                                    }
                                )
                            </script>
                        </div>
                    </div>
                </div>


            </div>
        </div>

    </div>
</div>





{% endblock %}